<!--
* Homework 6 - Games - Mole
* index.html
* Name: wuzht
* Start date: 2017-11-3
* Last edit date: 2017-11-4
-->

<!DOCTYPE html>
<html>
<head>
	<title>Whac-a-mole</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="mole.js" type="text/javascript"></script>
</head>
<body>
	<div id="main-block">
		<div>
			<p id="head">Whac-a-mole</p>
			<p>Test your skill. How many boxes(moles) can you check(hit) in 30 seconds?</p>
		</div>
		<div id="game-info">
			<button id="start-button">Start Game | Stop Game</button>
			<div id="game-time">
				<p id="Time">Time: </p>
				<div id="time">30</div>
			</div>
			<div id="game-state">Welcome</div>
			<div id="game-score">
				<p id="Score">Score:</p>
				<div id="score">0</div>
			</div>
		</div>
		<hr class="myHrs">
		<div id="radios">
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
			<input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/><input type="radio" class="radio-button"/>
			<br>
		</div>
		<hr class="myHrs">
		<div id="instructions">
			<p id="ins-head">Instructions:</p>
			<ol>
				<li>Click on the radio buttons(moles) as they are selected randomly by the computer.</li>
				<li>1 point per hit, minus 1 point per miss.</li>
			</ol>
		</div>
	</div>
</body>
</html>